<script>
export default {
    name: "MikuInput",
    props:{
        title:String,
    }
}
</script>

<template>
    <input type="text" :placeholder="title">
</template>

<style scoped>
    input{
        outline-style: none ;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 8px 10px;
        font-size: 0.9rem;
        color: #2d2d2d;
        width: calc(100%);
    }
    input:focus{
        border: 1px solid var(--main-color);
    }
    input:hover {
        box-shadow: 0px 0px 8px -3px rgb(64, 160, 112);
        transition: .2s ease-in;
    }
</style>
